{% extends "page_base.html" %}

{% block content %}
<!-- CSS Files -->
<link type="text/css" href="/stylesheets/treemap.css" rel="stylesheet" />

<!-- main JS file -->
<script language="javascript" type="text/javascript" src="/scripts/msc2010_treemap.js"></script>

<div id="container">

<div id="left-container">
	<div class="text">
		<h4>
			MSC 2010 Treemap Navigation 
		</h4> 
		
	<div style="color: green; position: relative;  left: 5px; font-size: 95%">(Click <a href="/MSC-2010-personal.html">here</a> for TiddlyWiki navigation)</div>
	<p>Click on a square to see its sub-categories.</p>
	<p>Right click to go back.</p><br />
	<!-- <p>Pick an MSC tag from below to see more.</p>    -->
	<a id="back" href="#" class="theme button white">Go to Parent</a>
	<br/>
	<br/>
	<div id="inner-details"></div>
	<br />     
</div>
</div>

<div id="center-container">
    <div id="infovis"></div>    
</div>

</div>




{% endblock %}